<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>设置页</title>

    <link rel="stylesheet" href="res/static/layui/css/layui.css" />
    <link rel="stylesheet" href="res/static/layui/css/layui-theme-dark.css" />
    <link rel="stylesheet" href="res/css/style.css" />
  </head>

  <body id="set">
    <div class="win_from">
      <!-- 【标题栏】 -->
      <div class="win_title">
        <div class="win_drag"></div>
        <p>GHPiker2 - 软件设置</p>
        <div class="win_control">
          <div class="win_btn min"></div>
          <div class="win_btn max"></div>
          <div class="win_btn close"></div>
        </div>
      </div>

      <div class="body">
        <div class="left layui-panel">
          <ul class="layui-menu" id="nav">
            <li
              lay-options="{id: 1}"
              class="layui-menu-item-checked"
              t="#set_current"
            >
              通用设置
            </li>
            <li lay-options="{id: 2}">功能设置</li>
            <li lay-options="{id: 3}">热键设置</li>
            <li lay-options="{id: 4}">其他设置</li>
            <li lay-options="{id: 5}">关于软件</li>
          </ul>
        </div>

        <div class="right">
          <div class="scroll">
            <!-- 通用设置 -->
            <form class="layui-form" action="" lay-filter="1">
              <h1 style="margin-top: 8px">通用设置</h1>
              <div class="layui-form-item">
                <label class="layui-form-label">
                  <h3>启动后在托盘运行</h3>
                  <p>打开取色器后自动最小化到托盘运行</p>
                </label>
                <div class="layui-input-block">
                  <input
                    type="checkbox"
                    lay-skin="switch"
                    name="Open_Backend_running"
                  />
                </div>
              </div>

              <div class="layui-form-item">
                <label class="layui-form-label">
                  <h3>开启自动运行</h3>
                  <p>设置开机后自动运行的模式</p>
                </label>
                <div class="select">
                  <select lay-filter="select" name="Auto_Running" val="1">
                    <option value="1" selected>关闭自动运行</option>
                    <option value="2">注册表模式</option>
                    <option value="3">计划任务模式</option>
                  </select>
                </div>
              </div>
            </form>

            <!-- 功能设置 -->
            <form class="layui-form" action="" lay-filter="2">
              <h1 style="margin-top: 50px">功能设置</h1>
              <div class="layui-form-item">
                <label class="layui-form-label">
                  <h3>窗口置顶</h3>
                  <p>让取色器窗口保持最高层级，不被其他窗口阻挡</p>
                </label>
                <div class="layui-input-block">
                  <input
                    type="checkbox"
                    lay-skin="switch"
                    lay-filter="switch"
                    name="winTop"
                    val="false"
                  />
                </div>
              </div>
              <div class="layui-form-item">
                <label class="layui-form-label">
                  <h3>默认颜色格式</h3>
                  <p>选择拾色器默认的颜色格式用于复制到剪切板</p>
                </label>
                <div class="select">
                  <select lay-filter="select" name="colorSpace" val="1">
                    <option value="1" selected>HEX（默认）</option>
                    <option value="2">RGB（三原色）</option>
                    <option value="3">HSL（调节色）</option>
                    <option value="4">CMYK（印刷色）</option>
                  </select>
                </div>
              </div>
              <div class="layui-form-item">
                <label class="layui-form-label">
                  <h3>切换调色盘</h3>
                  <p>切换取色器的切换调色盘模式，支持方形色盘及圆形色盘</p>
                </label>
                <div class="select">
                  <select lay-filter="select" name="colorDisc" val="1">
                    <option value="1" selected>圆形色盘（默认）</option>
                    <option value="2">方形色盘（传统）</option>
                  </select>
                </div>
              </div>
            </form>

            <!-- 热键设置 -->
            <form class="layui-form" action="" lay-filter="3">
              <h1 style="margin-top: 50px">热键设置（暂不可用）</h1>
              <div class="layui-form">
                <div class="layui-form-item">
                  <label class="layui-form-label">
                    <h3>快速取色</h3>
                    <p>设置后可使用快捷键快速进入取色模式</p>
                  </label>
                  <div class="select" style="right: 100px; width: 110px">
                    <select disabled>
                      <option value="null" selected>无快捷键</option>
                      <option value="Ctrl+">Ctrl +</option>
                      <option value="Alt+">Alt +</option>
                      <option value="Shift+">Shift +</option>
                      <option value="Ctrl+Shift+">Ctrl + Shift +</option>
                      <option value="Ctrl+Alt+">Ctrl + Alt +</option>
                    </select>
                  </div>
                  <div class="select" style="width: 90px">
                    <input type="text" name="" class="layui-input" disabled />
                  </div>
                </div>
                <div class="layui-form-item">
                  <label class="layui-form-label">
                    <h3>显示/隐藏 主界面</h3>
                    <p>设置后可使用快捷键控制取色器主界面的显示或隐藏</p>
                  </label>
                  <div class="select" style="right: 100px; width: 110px">
                    <select disabled>
                      <option value="null" selected>无快捷键</option>
                      <option value="Ctrl+">Ctrl +</option>
                      <option value="Alt+">Alt +</option>
                      <option value="Shift+">Shift +</option>
                      <option value="Ctrl+Shift+">Ctrl + Shift +</option>
                      <option value="Ctrl+Alt+">Ctrl + Alt +</option>
                    </select>
                  </div>
                  <div class="select" style="width: 90px">
                    <input type="text" name="" class="layui-input" disabled />
                  </div>
                </div>
              </div>
            </form>

            <!-- 其他设置 -->
            <form class="layui-form" action="" lay-filter="4">
              <h1 style="margin-top: 50px">其他设置</h1>
              <div class="layui-form">
                <div class="layui-form-item">
                  <label class="layui-form-label">
                    <h3>保存历史颜色</h3>
                    <p>如果关闭，退出取色器后将自动清空历史颜色</p>
                  </label>
                  <div class="layui-input-block">
                    <input
                      type="checkbox"
                      lay-skin="switch"
                      lay-filter="switch"
                      name="Save_Old_Color"
                      val="false"
                    />
                  </div>
                </div>
              </div>
            </form>

            <!-- 关于 -->
            <form class="layui-form" action="">
              <h1 style="margin-top: 50px">关于</h1>
              <div class="layui-form">
                <div class="layui-form-item about">
                  <h4>BUG提交</h4>
                  <br />
                  <span>
                    <img
                      src="res/static/img/a.png"
                      alt=""
                      style="width: 100%"
                    />
                    <img
                      src="res/static/img/SNK.svg"
                      alt=""
                      style="width: 100%; margin-top: -20px"
                    />
                    由于本次更新的GH_Piker2是重制版，并且是个人开发，或多或少存在一些BUG，望大家见谅，如果发现了BUG可以通过以下方式进行提交，我会尽快修复<br /><br />
                    <b class="link" href="qq_QRcode">QQ：2467226497</b>
                    <b class="link" href="wechat_QRcode">微信：huib233</b>
                    <b class="link" href="http://www.huib.top">官方网站</b>
                  </span>
                </div>
              </div>

              <div class="layui-form">
                <div class="layui-form-item about">
                  <h4>软件声明</h4>
                  <br />
                  <span>
                    本软件所有权归原作者（@HUIB菌）所有，现作为非营利性软件提供给广大网友永久免费使用，你可以在所有合法的场景中使用本软件（包括但不限于商业生产），使用本软件则表明你已默认遵循以下条款：<br /><br />
                    1、禁止以任何形式进行复刻本软件，包括但不限于抄袭、逆向工程等。<br />
                    2、禁止以任何形式进行变卖、倒卖、出售本软件。<br />
                  </span>
                </div>
              </div>

              <div class="layui-form" style="display: none">
                <div class="layui-form-item about">
                  <h4>商业合作</h4>
                  <br />
                  <span>
                    在线承接UI界面设计、网页设计、LOGO设计、WebUI界面开发等项目；以及广告和合作等<br /><br />
                    有意者可通过以下方式联系我详谈，加好友时请注明来意<br />
                    <b class="link" href="qq_QRcode">QQ：2467226497</b>
                    <b class="link" href="wechat_QRcode">微信：huib233</b>
                  </span>
                </div>
              </div>
            </form>
          </div>
        </div>
      </div>
    </div>

    <script src="res/static/js/require.js"></script>
    <script src="res/js/set.js"></script>
  </body>
</html>
